// pages/yiyan/yiyan.js
import wxRequest from "../../utils/http.js";
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    navHeight: app.globalData.navHeight,
		showNav:true,
    showHome:true,
    url:'https://v1.hitokoto.cn/',
    hitokoto:'',
    author:'',
    from:'',
    // 没数据
    nullData:false,
     // 悬浮按钮展开和收起
     isOpen: false,
     stopBtn: true,
     choose: false,
     animationData: {},
    menuData: [
      {
        id: 1,
        tag: 'a',
        name: '动画',
      },
      {
        id: 2,
        tag: 'b',
        name: '漫画',
      },
      {
        id: 3,
        tag: 'c',
        name: '游戏',
      },
      {
        id: 4,
        tag: 'd',
        name: '文学',
      },
      {
        id: 5,
        tag: 'e',
        name: '原创',
      },
      {
        id: 6,
        tag: 'f',
        name: '来自网络',
      }, {
        id: 7,
        tag: 'g',
        name: '其他',
      }, {
        id: 8,
        tag: 'h',
        name: '影视',
      }, {
        id: 9,
        tag: 'i',
        name: '诗词',
      }, {
        id: 10,
        tag: 'j',
        name: '网抑云',
      }, {
        id: 11,
        tag: 'k',
        name: '哲学',
      }, 
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // https://v1.hitokoto.cn/
    this.checkText()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  checkText(){
    wxRequest(this.data.url).then(res=>{
     this.setData({
       hitokoto:res.data.hitokoto,
       author:res.data.from_who,
       from:res.data.from
     })
    })
  },
  checkpar(e){
    this.setData({
      hitokoto:e.detail.hitokoto,
      author:e.detail.from_who,
      from:e.detail.from
    })
  },
  // 悬浮按钮
  // 开启
  showSelect() {
    var that = this
    // 创建动画实例
    var animation = wx.createAnimation({
      delay: 300,
      timingFunction: 'linear'
    })
    that.animation = animation
    //用step()完成一个动画， 高度为0，透明度为不可见
    animation.height("0").opacity(0).step()
    that.setData({
      // 通过export()方法导出数据
      animationData: animation.export(),
      // 改变显示条件
      choose: true
    })
    // 设置setTimeout来改变高度以及透明度，实现有感觉的展开
    setTimeout(function () {
      animation.height("406px").opacity(1).step({
        duration: 300
      })
      that.setData({
        animationData: animation.export(),
        stopBtn: false
      })
    }, 50)
    //在动画时间禁用按钮
  },
  // 关闭
  hideSelect() {
    console.log('hiee');
    var that = this;
    var animation = wx.createAnimation({
      duration: 300,
      timingFunction: 'linear'
    })
    that.animation = animation
    animation.height(0).opacity(0).step({
      duration: 300
    })
    that.setData({
      animationData: animation.export()
    })
    setTimeout(function () {
      animation.height("406px").step();
      that.setData({
        animationData: animation.export(),
        choose: false,
        stopBtn: true
      })
    }, 300)
  },
  switchMenu(e) {
   console.log(e);
   let name = e.currentTarget.dataset.name
   wxRequest(this.data.url,{
     c:name
   }).then(res=>{
    this.setData({
      hitokoto:res.data.hitokoto,
      author:res.data.from_who,
      from:res.data.from
    })
   })
  },
})